<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>GSblogBar Sample</title>

  <script src="//www.google.com/uds/api?file=uds.js&v=1.0&key={{ key }}"
    type="text/javascript"></script>
  <link href="http://www.google.com/uds/css/gsearch.css" rel="stylesheet"
    type="text/css"/>
  <script src="//www.google.com/uds/solutions/blogbar/gsblogbar.js"
    type="text/javascript"></script>
  <link href="http://www.google.com/uds/solutions/blogbar/gsblogbar.css"
    rel="stylesheet" type="text/css"/>

  <style type="text/css">
    body, table, p {
      background-color: white;
      font-family: Arial, sans-serif;
      font-size: 13px;
    }
    
    #blogBarDiv {
      margin : 1em;
      width : 90%;
    }
  </style>
<script type="text/javascript">
  {{ INSERT_JAVASCRIPT_HERE }}
</script>

<body>
  <div id="blogBarDiv">Loading...</div>
  <p><a href="javascript:blogBar.execute('fuzzy monkey');">Fuzzy monkey</a></p>
</body>
</html>